.ex-mall-page {
	min-height: 100vh;
}

.ex-mall-tab-body {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100vh;
}

.ex-mall-tab-body-scroll {
	height: 100%;
}

.ex-mall-tab-page {
	min-height: calc(100% - 78px);
}

.ex-mall-tab-bar {
	position: fixed;
	z-index: 100;
	bottom: 0;
	width: 100%;
	height: 78px;
	border-radius: 39px 39px 0 0;
	overflow: hidden;
	background-color: #FFFFFF;
}

.ex-mall-tab-bar-placeholder {
	width: 100%;
	height: 78px;
}

.ex-mall-tab-bar-list {
	display: flex;
	justify-content: space-between;
	height: 100%;
}

.ex-mall-tab-bar-list-item {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1;
}

.ex-mall-tab-bar-active {
	text-align: center;
}

.ex-mall-tab-bar-active-text {
	font-size: 16px;
	font-weight: 600;
	color: #F76842;
}

.ex-mall-tab-bar-active-oval {
	width: 5px;
	height: 5px;
	margin: 3px auto 0;
	border-radius: 100%;
	background-color: #F76842;
}

.ex-mall-tab-bar-active-icon {
	font-size: 19px;
	font-weight: 600;
	color: #292929;
}



.ex-mall-header {
	position: sticky;
	top: 0;
	z-index: 99;
	padding: 16px 28px;
	padding-top: calc(16px + var(--status-bar-height));
	border-radius: 0 0 28px 28px;
	overflow: hidden;
}

.ex-mall-header-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.ex-mall-header-title {
	font-size: 15px;
	font-weight: 500;
}

.ex-mall-header-left {}

.ex-mall-header-right {}

.ex-mall-header-btn {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 38px;
	height: 38px;
	border-radius: 12px;
	/* overflow: hidden; */ /* 在iOS上，外层如果是overflow: scroll;切换页面再回到页面，未显示的滚动区域的内容会出现被隐藏的情况 */
}

.ex-mall-header-btn-icon {
	font-size: 18px;
}

.ex-mall-header-btn-text {
	font-size: 16px;
}

.ex-mall-header-search {
	display: flex;
	width: 100%;
	height: 48px;
}

.ex-mall-header-search-input {
	flex: 1;
	width: 100%;
	height: 100%;
	margin-right: 10px;
	padding: 0 16px;
	border-radius: 12px;
	font-size: 14px;
}

.ex-mall-header-search-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 38px;
	height: 48px;
	border-radius: 12px;
}

.ex-mall-header-search-btn-icon {
	font-size: 18px;
}

.ex-mall-header-mp-weixin-fill {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 50px;
	font-size: 15px;
}



.ex-mall-panel {}

.ex-mall-panel-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 32px 28px 24px 28px;
	font-size: 21px;
	font-weight: 600;
	border-radius: 2em 2em 0 0;
	overflow: hidden;
}

.ex-mall-panel-content {}
